<template>
  <div class="">
    <div id="main" style="width: 1300px; height: 600px"></div>
  </div>
</template>
<script>
import echarts from "echarts";
import _ from "lodash";
export default {
  data() {
    return {
     options: {
      title: {
        text: "用户来源",
      },
      tooltip: {
        trigger: "axis",
        axisPointer: {
          type: "cross",
          label: {
            backgroundColor: "#E9EEF3",
          },
        },
      },
      grid: {
        left: "3%",
        right: "4%",
        bottom: "3%",
        containLabel: true,
      },
      xAxis: [
        {
          boundaryGap: false,
        }
      ],
      yAxis: [
        {
          type: "value",
        }
      ],
    }
    };
  },
  methods: {
  },
  created() {},
  async mounted() {
    var myChart = echarts.init(document.getElementById("main"));

    const { data: res } = await this.myaxios.get("reports/type/1");
    var resdata = _.merge(res.data, this.options);
    myChart.setOption(res.data);
  },
};
</script>
